.hScrollTrack,
.hScrollTrackDown,
.hScrollTrackOver {
  background: url('') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)) padding-box;
  background: -webkit-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: -moz-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: -o-linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: linear-gradient(top, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
}

.vScrollTrack,
.vScrollTrackDown,
.vScrollTrackOver {
  background: url('') padding-box;
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3e3e3), color-stop(20%, #efefef), color-stop(90%, #f2f2f2), color-stop(100%, #eaeaea)) padding-box;
  background: -webkit-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: -moz-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: -o-linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
  background: linear-gradient(left, #e3e3e3, #efefef 20%, #f2f2f2 90%, #eaeaea) padding-box;
}

.vScrollThumbGripDisabled {
  background-position: -16px -40px;
}

.vScrollThumbGrip {
  background-position: -26px -40px;
}

.vScrollThumbGripOver {
  background-position: -36px -40px;
}

.vScrollThumbGripDown {
  background-position: -46px -40px;
}

.hScrollThumbGripDisabled {
  background-position: -40px -16px;
}

.hScrollThumbGrip {
  background-position: -40px -26px;
}

.hScrollThumbGripOver {
  background-position: -40px -36px;
}

.hScrollThumbGripDown {
  background-position: -40px -46px;
}

/*============================================================
This CSS file is generated by skins/EnterpriseSeries/sass/_base.scss

DO NOT edit this .css file directly, unless renamed to 
something other than skin_styles.css otherwise it will get 
overwritten by _base.scss.
==============================================================*/
/*============================================================
	"Enterprise" theme CSS styles
	Copyright 2001 and beyond, Isomorphic Software

	:: Contents ::
	
	1) General
			default text
            default border
			drop indicator
            hover canvas
	2) Buttons
			Button
			ImgButton
			StretchImgButton
	3) Menu
			MenuButton
	4) Window
			Dialog
    5) Layout
			drop line
			drag placeholder
			splitbar (resizebar)
	6) TabSet
			tab titles
	7) SectionStack
			image SectionHeaders
			CSS SectionHeaders
	8) Forms
			general
			headerItem
			text items
			selectItem
			checkbox & radioButton
			ColorChooser
			DateChooser
	9) Slider & Rangebar		
	10) DetailViewer
	11) ListGrid
			parts
			headers
			cells
    12) ToolStrip
    12a) ToolStripGroup and IconButton
    13) Tools
    14) TileGrid
    15) Scrollbars
	------------
	internal/unused styles
============================================================*/
/*============================================================
	1) General
============================================================*/
.pageBackground {
  background: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/* default text */
.normal {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.defaultBorder {
  border: 1px solid #ababab;
}

/* drag outline */
.dragOutline {
  border: 1px dashed #f90f0b;
}

/* drop indicator */
.dropBorder {
  background-color: gray;
}

/* hover canvas  */
.canvasHover,
.gridHover,
.formHover {
  background-color: #fdfdd3;
  border: 1px solid gray;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 5px;
}

/* group label */
.groupLabel {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding-left: 5px;
  padding-right: 5px;
}

/* CSS3 Mode */
.richTextEditorBorder {
  border-top: 3px solid #e0e0e0;
  border-bottom: 4px solid #e0e0e0;
  border-left: 4px solid #e0e0e0;
  border-right: 4px solid #e0e0e0;
  -webkit-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
  -moz-box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
  box-shadow: 0 1px #ababab, 0 -1px #f2f2f2, 0 -2px #ababab, 1px 0 #ababab, -1px 0 #ababab;
}

/*============================================================
    2) Button
		button.baseStyle
		buttonStrip.baseStyle
		buttonTable.baseButtonStyle
		listBar.labelStyle
		listGrid.headerBaseStyle (not in this skin)
============================================================*/
.button,
.buttonOver,
.buttonFocused,
.buttonFocusedOver,
.buttonDown,
.buttonFocusedDown,
.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedDown,
.buttonSelectedFocusedDown,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonDisabled,
.buttonSelectedDisabled {
  background-color: #f0f0f0;
  background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  border: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 2px;
}

/* CSS3 Mode */
.buttonRounded,
.buttonRoundedOver,
.buttonRoundedFocused,
.buttonRoundedFocusedOver,
.buttonRoundedDown,
.buttonRoundedFocusedDown,
.buttonRoundedSelected,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedDown,
.buttonRoundedSelectedFocusedDown,
.buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedDisabled,
.buttonRoundedSelectedDisabled {
  background-color: #f0f0f0;
  background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  border: 1px solid #b15a59;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 3px;
}

/* CSS3 Mode */
.buttonRounded {
  border: 1px solid #ababab;
  -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  -moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
  box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
}

/* CSS3 Mode */
.buttonRoundedDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  border-bottom: 1px solid #c9b6b6;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #bfbfbf;
}

.buttonDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  border-bottom: 1px solid #c9b6b6;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #bfbfbf;
}

.buttonDisabled,
.buttonSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

/* CSS3 Mode */
.buttonRoundedDisabled,
.buttonRoundedSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

.buttonFocused,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver,
.buttonSelectedFocusedDown {
  border: 1px solid #ababab;
}

/* CSS3 Mode */
.buttonRoundedFocused,
.buttonRoundedFocusedOver,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedSelectedFocusedDown {
  border: 1px solid #ababab;
}

.buttonOver,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
  background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  border: 1px solid #858585;
}

/* CSS3 Mode */
.buttonRoundedOver,
.buttonRoundedFocusedOver,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedFocusedOver {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  border: 1px solid #858585;
}

.buttonDown,
.buttonFocusedDown,
.buttonSelectedDown,
.buttonSelectedFocusedDown {
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(5%, #addbf5), color-stop(10%, #c3e1f4), color-stop(14%, #e2ecf3), color-stop(19%, #f1f2f3), color-stop(29%, #f1f2f3), color-stop(81%, #c1ddf6), color-stop(95%, #92cef7), color-stop(100%, #92cef7));
  background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
  background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
  background-image: -o-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
  background-image: linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
  border: 1px solid #597db1;
}

/* CSS3 Mode */
.buttonRoundedDown,
.buttonRoundedFocusedDown,
.buttonRoundedSelectedDown,
.buttonRoundedSelectedFocusedDown {
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f2f3), color-stop(41%, #f1f2f3), color-stop(100%, #b1d7f6));
  background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: -o-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  background-image: linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
  -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  -moz-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
  border: 1px solid #597db1;
}

.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonSelectedDisabled {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
  background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  border: 1px solid #858585;
}

/* CSS3 Mode */
.buttonRoundedSelected,
.buttonRoundedSelectedFocused,
.buttonRoundedSelectedOver,
.buttonRoundedSelectedFocusedOver,
.buttonRoundedSelectedDisabled {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
  background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
  -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
  border: 1px solid #858585;
}

/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver,
.imgButtonDown,
.imgButtonSelectedDown,
.imgButtonDisabled {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.imgButtonDisabled {
  color: #666666;
}

/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.stretchImgButtonOver {
  font-weight: normal;
}

.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
  color: #ababab;
  font-weight: normal;
}

/* Button Title */
.buttonTitle,
.buttonTitleOver,
.buttonTitleDown,
.buttonTitleSelected,
.buttonTitleFocused,
.buttonTitleSelectedFocused,
.buttonTitleSelectedOver,
.buttonTitleFocusedOver,
.buttonTitleSelectedFocusedOver,
.buttonTitleSelectedDown,
.buttonTitleFocusedDown,
.buttonTitleSelectedFocusedDown,
.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

/*============================================================
    3) Menus 
============================================================*/
.menuBody,
.menuMain,
.menuMainRTL {
  border: 1px solid #ababab;
}

.menuMain {
  background-image: url(./images/Menu/menu_background.png);
  background: url('') padding-box;
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(100%, #dbdbdb)) padding-box;
  background: -webkit-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box;
  background: -moz-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box;
  background: -o-linear-gradient(left, #f5f5f5, #dbdbdb) padding-box;
  background: linear-gradient(left, #f5f5f5, #dbdbdb) padding-box;
  -webkit-background-size: 24px;
  -moz-background-size: 24px;
  -o-background-size: 24px;
  background-size: 24px;
}

.menuMainRTL {
  background-image: url(./images/Menu/menu_background_rtl.png);
  background-position: right;
}

.menuMain,
.menuMainRTL {
  background-color: white;
  background-repeat: repeat-y;
  background-attachment: scroll;
}

.treeMenuBody {
  background: white;
}

.menu,
.menuSelected,
.menuOver,
.menuSelectedOver,
.menuDisabled,
.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuIconField,
.menuIconFieldOver,
.menuIconFieldSelected,
.menuIconFieldSelectedOver,
.menuIconFieldDisabled,
.treeMenuSelected,
.treeMenuSelectedOver,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.treeMenuSelected,
.treeMenuSelectedDark,
.treeMenuSelectedOver,
.treeMenuSelectedOverDark,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  border-bottom: 1px solid #c4ddfd;
  border-top: 1px solid #c4ddfd;
  -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
}

.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled {
  padding-left: 4px;
}

.menuIconField,
.menuIconFieldDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelected,
.menuIconFieldSelectedDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.menuIconFieldDisabled {
  padding-left: 4px;
  padding-right: 4px;
}

.menuDisabled,
.menuTitleFieldDisabled,
.menuIconFieldDisabled {
  color: #ababab;
}

/* menu header buttons */
.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonFocused,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled {
  background-color: #dedede;
  background-image: url("./images/cssButton/button_stretch.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  border: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding-left: 4px;
  padding-right: 4px;
}

.menuButtonOver {
  background-color: #b4d4fd;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
  background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
  background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
}

.menuButtonDown,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver {
  background-color: #bdddff;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(9%, #addbf5), color-stop(13%, #c3e1f4), color-stop(17%, #e2ecf3), color-stop(22%, #f1f2f3), color-stop(78%, #bcdaf6), color-stop(83%, #b1d7f6), color-stop(87%, #a2d3f6), color-stop(100%, #92cef7));
  background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%);
  background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%);
  background-image: -o-linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%);
  background-image: linear-gradient(top, #addbf5 0%, #addbf5 9%, #c3e1f4 13%, #e2ecf3 17%, #f1f2f3 22%, #bcdaf6 78%, #b1d7f6 83%, #a2d3f6 87%, #92cef7 100%);
  border: 1px solid #ababab;
}

.menuButtonDisabled,
.menuButtonSelectedDisabled {
  color: #ababab;
  border: 1px solid #ababab;
}

/*============================================================
    4) Window
		window.styleName - windowBackground
		window.bodyStyle - windowBody
		window.headerStyle - windowHeader
		window.hiliteHeaderStyle - windowHeaderHilite
		window.headerLabelDefaults.styleName - windowHeaderText
		window.statusBarDefaults.styleName - windowStatusBar

	Dialog
		dialog.styleName - dialogBackground
		dialog.bodyStyle - dialogBody
		dialog.headerStyle - dialogHeader
		dialog.hiliteHeaderStyle - dialogHeaderHilite
		dialog.headerLabelDefaults.styleName - dialogHeaderText
============================================================*/
.windowBackground {
  background: #f7f7f7;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(15%, #e0e0e0), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  background-image: linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 15%, #e0e0e0 100%);
  border: 1px solid #b5b5b5;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0;
  -moz-box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0;
  box-shadow: inset #fcfcfc 0 1px 0, inset #ededed 0 -1px 0, inset #ededed 1px 0 0, inset #ededed -1px 0 0;
}

.windowBody,
.dialogBody {
  background-color: white;
  border: 1px solid #b5b5b5;
  -webkit-box-shadow: 0 1px #ededed, 0 -1px #ededed;
  -moz-box-shadow: 0 1px #ededed, 0 -1px #ededed;
  box-shadow: 0 1px #ededed, 0 -1px #ededed;
}

.windowHeader,
.dialogHeader {
  padding: 0;
}

.windowHeaderText,
.dialogHeaderText {
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.windowStatusBar {
  border-bottom: 1px solid white;
  border-left: 1px solid #999999;
  border-right: 1px solid white;
  border-top: 1px solid #999999;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.modalMask {
  background-color: black;
}

/*============================================================
    5) Layout
============================================================*/
.layoutDropLine {
  background-color: #ebebeb;
}

.layoutPlaceHolder {
  border: 1px solid black;
}

.hSplitbar {
  background: #ebebeb;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf));
  background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: -o-linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: linear-gradient(top, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
}

.hSplitbarDown {
  border: 1px solid gray;
}

.vSplitbar {
  background: #ebebeb;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d1d1d1), color-stop(20%, #d1d1d1), color-stop(20%, #f5f5f5), color-stop(40%, #f5f5f5), color-stop(40%, #ebebeb), color-stop(60%, #ebebeb), color-stop(60%, #dedede), color-stop(80%, #dedede), color-stop(80%, #bfbfbf), color-stop(100%, #bfbfbf));
  background-image: -webkit-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: -moz-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: -o-linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
  background-image: linear-gradient(left, #d1d1d1 0%, #d1d1d1 20%, #f5f5f5 20%, #f5f5f5 40%, #ebebeb 40%, #ebebeb 60%, #dedede 60%, #dedede 80%, #bfbfbf 80%, #bfbfbf 100%);
}

.vSplitbarDown {
  border: 1px solid gray;
}

/*============================================================
    6) TabSet and tab titles
============================================================*/
.tabSetContainer {
  background-color: white;
  border: 1px solid #bfbfbf;
  color: #d6d6d6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.tabBaseline {
  z-index: 10000000;
}

.tab,
.tabOver,
.tabSelected,
.tabSelectedOver,
.tabDown,
.tabSelectedDown,
.tabSelectedDisabled,
.tabDisabled {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.tabTitle,
.tabTitleDown,
.tabTitleOver,
.tabTitleDisabled,
.tabTitleSelected,
.tabTitleSelectedDown,
.tabTitleSelectedOver,
.tabTitleSelectedDisabled,
.vtabTitle,
.vtabTitleSelected,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding-bottom: 1px;
}

.tabTitleOver,
.vtabTitleOver {
  color: #15428b;
}

.tabTitleSelected,
.vtabTitleSelected {
  color: black;
  font-weight: normal;
}

.tabTitleSelectedOver,
.vtabTitleSelectedOver {
  color: #15428b;
  font-weight: normal;
}

.tabTitleDisabled,
.tabTitleSelectedDisabled,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
  color: #ababab;
  padding-bottom: 1px;
}

.tabScrollerTopBackDisabled,
.tabScrollerTopBack,
.tabScrollerTopBackDown,
.tabScrollerRightBackDisabled,
.tabScrollerRightBack,
.tabScrollerRightBackDown,
.tabScrollerBottomBackDisabled,
.tabScrollerBottomBack,
.tabScrollerBottomBackDown,
.tabScrollerLeftBackDisabled,
.tabScrollerLeftBack,
.tabScrollerLeftBackDown,
.tabScrollerTopForwardDisabled,
.tabScrollerTopForward,
.tabScrollerTopForwardDown,
.tabScrollerRightForwardDisabled,
.tabScrollerRightForward,
.tabScrollerRightForwardDown,
.tabScrollerBottomForwardDisabled,
.tabScrollerBottomForward,
.tabScrollerBottomForwardDown,
.tabScrollerLeftForwardDisabled,
.tabScrollerLeftForward,
.tabScrollerLeftForwardDown {
  background-image: url(./images/TabSet/tabset_sprite.png);
}

.tabScrollerTopBackDisabled {
  background-position: 0px 0px;
}

.tabScrollerTopBack {
  background-position: 0px -23px;
}

.tabScrollerTopBackDown {
  background-position: 0px -46px;
}

.tabScrollerRightBackDisabled {
  background-position: -122px 0px;
}

.tabScrollerRightBack {
  background-position: -122px -19px;
}

.tabScrollerRightBackDown {
  background-position: -122px -38px;
}

.tabScrollerBottomBackDisabled {
  background-position: -38px 0px;
}

.tabScrollerBottomBack {
  background-position: -38px -23px;
}

.tabScrollerBottomBackDown {
  background-position: -38px -46px;
}

.tabScrollerLeftBackDisabled {
  background-position: -76px 0px;
}

.tabScrollerLeftBack {
  background-position: -76px -19px;
}

.tabScrollerLeftBackDown {
  background-position: -76px -38px;
}

.tabScrollerTopForwardDisabled {
  background-position: -19px 0px;
}

.tabScrollerTopForward {
  background-position: -19px -23px;
}

.tabScrollerTopForwardDown {
  background-position: -19px -46px;
}

.tabScrollerRightForwardDisabled {
  background-position: -145px 0px;
}

.tabScrollerRightForward {
  background-position: -145px -19px;
}

.tabScrollerRightForwardDown {
  background-position: -145px -38px;
}

.tabScrollerBottomForwardDisabled {
  background-position: -57px 0px;
}

.tabScrollerBottomForward {
  background-position: -57px -23px;
}

.tabScrollerBottomForwardDown {
  background-position: -57px -46px;
}

.tabScrollerLeftForwardDisabled {
  background-position: -99px 0px;
}

.tabScrollerLeftForward {
  background-position: -99px -19px;
}

.tabScrollerLeftForwardDown {
  background-position: -99px -38px;
}

.tabPickerDisabledtop,
.tabPickertop,
.tabPickerDowntop,
.tabPickerDisabledright,
.tabPickerright,
.tabPickerDownright,
.tabPickerDisabledbottom,
.tabPickerbottom,
.tabPickerDownbottom,
.tabPickerDisabledleft,
.tabPickerleft,
.tabPickerDownleft {
  background-image: url(./images/TabSet/tabset_sprite.png);
}

.tabPickerDisabledtop {
  background-position: -168px 0px;
}

.tabPickertop {
  background-position: -168px -23px;
}

.tabPickerDowntop {
  background-position: -168px -46px;
}

.tabPickerDisabledright {
  background-position: -231px 0px;
}

.tabPickerright {
  background-position: -231px -20px;
}

.tabPickerDownright {
  background-position: -231px -40px;
}

.tabPickerDisabledbottom {
  background-position: -188px 0px;
}

.tabPickerbottom {
  background-position: -188px -23px;
}

.tabPickerDownbottom {
  background-position: -188px -46px;
}

.tabPickerDisabledleft {
  background-position: -208px 0px;
}

.tabPickerleft {
  background-position: -208px -20px;
}

.tabPickerDownleft {
  background-position: -208px -40px;
}

/*============================================================
    7) SectionStack
============================================================*/
.sectionStack {
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
}

/* SectionStack headers - image based */
.imgSectionHeaderTitleclosed,
.imgSectionHeaderTitleopened,
.imgSectionHeaderTitleOverclosed,
.imgSectionHeaderTitleOveropened {
  border-left: 5px;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.imgSectionHeaderTitleDisabledopened,
.imgSectionHeaderTitleDisabledclosed {
  border-left: 5px;
  color: gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.sectionHeaderTitleopened,
.sectionHeaderTitleclosed {
  color: white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.sectionHeaderTitleDisabledopened,
.sectionHeaderTitleDisabledclosed {
  color: gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/* SectionStack headers - css based */
.sectionHeaderopened,
.sectionHeaderclosed,
.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 2px;
}

.sectionHeaderopened {
  background-color: #d9d9d9;
  background-image: url(./images/SectionHeader/header_opened_stretch.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(17%, #f0f0f0), color-stop(43%, #e3e3e3), color-stop(48%, #e3e3e3), color-stop(61%, #e8e8e8), color-stop(74%, #ededed), color-stop(87%, #ededed), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #f0f0f0 17%, #e3e3e3 43%, #e3e3e3 48%, #e8e8e8 61%, #ededed 74%, #ededed 87%, #ededed 100%);
}

.sectionHeaderclosed {
  background-color: #d9d9d9;
  background-image: url(./images/SectionHeader/header_closed_stretch.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  border-top: 1px solid #ababab;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(4%, #fafafa), color-stop(8%, #f7f7f7), color-stop(35%, #dedede), color-stop(39%, #d1d1d1), color-stop(43%, #cfcfcf), color-stop(65%, #e0e0e0), color-stop(83%, #ededed), color-stop(96%, #ededed), color-stop(96%, #ababab), color-stop(100%, #ababab));
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%);
  background-image: linear-gradient(top, #fafafa 0%, #fafafa 4%, #f7f7f7 8%, #dedede 35%, #d1d1d1 39%, #cfcfcf 43%, #e0e0e0 65%, #ededed 83%, #ededed 96%, #ababab 96%, #ababab 100%);
}

.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
  background-color: whitesmoke;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFEBEBEB');
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(22%, #f5f5f5), color-stop(48%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #f5f5f5 22%, #ebebeb 48%, #ebebeb 100%);
  border: 1px solid #e6e6e6;
  color: gray;
}

.cellopened {
  background-color: #FF0000;
}

.cellclosed {
  background-color: #FF00AA;
}

/*============================================================
    8) Forms
============================================================*/
/* general form styles */
.formCell,
.formCellFocused,
.formCellDisabled,
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.formTitle,
.formTitleFocused,
.formTitleDisabled,
.formCellError,
.formTitleError,
.formHint,
.headerItem,
.headerItemDisabled,
.headerItemError,
.staticTextItem,
.staticTextItemDisabled,
.staticTextItemError,
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.selectItemControl,
.selectItemControlError,
.selectItemControlFocused,
.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused,
.selectItemTextHint,
.selectItemTextDisabledHint,
.comboBoxItemPendingText,
.pickListCell,
.pickListCellSelected,
.pickListCellDisabled,
.pickListCellDark,
.pickListCellSelectedDark,
.pickListCellDisabledDark,
.tallPickListCell,
.tallPickListCellSelected,
.tallPickListCellDisabled,
.tallPickListCellDark,
.tallPickListCellSelectedDark,
.tallPickListCellDisabledDark,
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.formTitle,
.formTitleFocused {
  color: #003168;
}

.formTitleDisabled {
  color: #ababab;
}

.formCellError,
.formTitleError {
  color: #692023;
  font-weight: bold;
}

.formHint {
  color: #684547;
  padding: 3px;
}

/* Allow for nested forms to lie flush against the left-hand edge of the containing form */
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled {
  padding-left: 0px;
}

/* headerItem */
.headerItem,
.headerItemDisabled,
.headerItemError {
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

/* text-based items common props */
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.comboBoxItemPendingText,
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint,
.selectItemTextDisabledHint {
  /* Disable intrinsic margins in Chrome and Safari:
     https://bugs.webkit.org/show_bug.cgi?id=107380 */
  margin: 0;
  background: white;
  border: 1px solid #ababab;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: black;
  padding: 1px 2px 2px 2px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}

.comboBoxItemPendingText {
  color: #0066cc;
}

.comboBoxItemPendingText,
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint,
.selectItemTextDisabledHint {
  border-right: 0;
}

.textItem,
.textItemHint {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 1px solid #ababab;
}

.textItemDisabled,
.textItemDisabledHint,
.selectItemTextDisabled,
.selectItemTextDisabledHint {
  background-color: white;
  border: 1px solid #ababab;
  color: #ababab;
}

.textItemHint,
.selectItemTextHint,
.nativeDateItemInFieldHint,
.nativeTimeItemInFieldHint,
.nativeDatetimeItemInFieldHint {
  color: #204269;
}

.comboBoxItemPickerDisabled,
.comboBoxItemPicker,
.comboBoxItemPickerOver,
.comboBoxItemPickerFocused,
.comboBoxItemPickerFocusedOver {
  background-image: url(./images/pickers/pickers_sprite.png);
}

.comboBoxItemPickerDisabled {
  background-position: 0px -22px;
}

.comboBoxItemPicker,
.comboBoxItemPickerFocused {
  background-position: -18px -22px;
}

.comboBoxItemPickerOver,
.comboBoxItemPickerFocusedOver {
  background-position: -36px -22px;
}

/* selectItem */
.selectItemTextFocused {
  border: 1px solid #ad5a58;
  color: black;
  -moz-outline-offset: -1;
}

.textItemFocused,
.selectItemTextFocused {
  color: black;
  border-bottom: 1px solid #c0d8ec;
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #b3c6db;
  border-top: 1px solid #587aad;
  -moz-outline-offset: -1;
}

.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint,
.selectItemTextDisabledHint {
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  border-right: 0;
}

.selectItemPickerIcon,
.selectItemPickerIconFocused,
.selectItemPickerIconDisabled,
.selectItemPickerIconError {
  padding: 0px;
}

.pickListMenuBody {
  background-color: white;
  border: 1px solid #8fa7c7;
}

.pickListCell,
.pickListCellDark,
.tallPickListCell,
.tallPickListCellDark {
  color: black;
}

.pickListCellSelected,
.pickListCellSelectedDark {
  background-color: #fdc4c4;
  background-image: url("./images/Menu/menu_rollover.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #c4ddfd), color-stop(5%, #c4ddfd), color-stop(5%, #e5f8ff), color-stop(95%, #d1e7ff), color-stop(95%, #c4ddfd), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 1%, #c4ddfd 5%, #e5f8ff 5%, #d1e7ff 95%, #c4ddfd 95%, #c4ddfd 100%);
  color: black;
}

.tallPickListCellSelected,
.tallPickListCellSelectedDark {
  background: #d6e8ff;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.pickListCellOver,
.pickListCellSelectedOver,
.pickListCellOverDark,
.pickListCellSelectedOverDark,
.tallPickListCellOver,
.tallPickListCellSelectedOver,
.tallPickListCellOverDark,
.tallPickListCellSelectedOverDark {
  background-color: #fdc4c4;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.pickListCellDisabled,
.tallPickListCellDisabled,
.pickListCellDisabledDark,
.tallPickListCellDisabledDark {
  background-color: #bfbfbf;
  color: #545454;
}

/* checkbox and radioButton */
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  text-decoration: none;
}

.labelAnchorDisabled {
  color: #ababab;
  font-family: Arial, Verdana, sans-serif;
}

/* ColorChooser */
.colorChooserCell,
.colorChooserCellOver {
  background-color: #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}

.colorChooserCellOver {
  border: 1px solid black;
}

/* FilterBuilder */
.bracketBorders {
  border-bottom: 1px solid #757575;
  border-left: 1px solid #757575;
  border-top: 1px solid #757575;
}

.checkboxTrueDisabled,
.checkboxTrue,
.checkboxTrueOver,
.checkboxTrueDown,
.checkboxFalseDisabled,
.checkboxFalse,
.checkboxFalseOver,
.checkboxFalseDown,
.checkboxPartialDisabled,
.checkboxPartial,
.checkboxPartialOver,
.checkboxPartialDown {
  background-size: auto !important;
  background-image: url(./images/DynamicForm/checkbox_sprite.png) !important;
}

.checkboxTrueDisabled {
  background-position: 0px -26px;
}

.checkboxTrue {
  background-position: -13px -26px;
}

.checkboxTrueOver {
  background-position: -26px -26px;
}

.checkboxTrueDown {
  background-position: -39px -26px;
}

.checkboxFalseDisabled {
  background-position: 0px 0px;
}

.checkboxFalse {
  background-position: -13px 0px;
}

.checkboxFalseOver {
  background-position: -26px 0px;
}

.checkboxFalseDown {
  background-position: -39px 0px;
}

.checkboxPartialDisabled {
  background-position: 0px -13px;
}

.checkboxPartial {
  background-position: -13px -13px;
}

.checkboxPartialOver {
  background-position: -26px -13px;
}

.checkboxPartialDown {
  background-position: -39px -13px;
}

.spinnerItemIncreaseDisabled,
.spinnerItemIncrease,
.spinnerItemIncreaseOver,
.spinnerItemIncreaseFocused,
.spinnerItemIncreaseFocusedOver {
  background-image: url(./images/DynamicForm/spinner_control_sprite.png);
}

.spinnerItemIncreaseDisabled {
  background-position: 0px 0px;
}

.spinnerItemIncrease,
.spinnerItemIncreaseOver {
  background-position: -16px 0px;
}

.spinnerItemIncreaseFocused,
.spinnerItemIncreaseFocusedOver {
  background-position: -32px 0px;
}

.spinnerItemDecreaseDisabled,
.spinnerItemDecrease,
.spinnerItemDecreaseOver,
.spinnerItemDecreaseFocused,
.spinnerItemDecreaseFocusedOver {
  background-image: url(./images/DynamicForm/spinner_control_sprite.png);
}

.spinnerItemDecreaseDisabled {
  background-position: -48px 0px;
}

.spinnerItemDecrease,
.spinnerItemDecreaseOver {
  background-position: -64px 0px;
}

.spinnerItemDecreaseFocused,
.spinnerItemDecreaseFocusedOver {
  background-position: -80px 0px;
}

.nativeDateItem,
.nativeDateItemFocused,
.nativeDateItemDisabled,
.nativeDateItemDisabledHint,
.nativeDateItemError,
.nativeDateItemHint,
.nativeTimeItem,
.nativeTimeItemFocused,
.nativeTimeItemDisabled,
.nativeTimeItemDisabledHint,
.nativeTimeItemError,
.nativeTimeItemHint,
.nativeDatetimeItem,
.nativeDatetimeItemFocused,
.nativeDatetimeItemDisabled,
.nativeDatetimeItemDisabledHint,
.nativeDatetimeItemError,
.nativeDatetimeItemHint {
  border: 1px solid #ababab;
  padding: 4px 2px 4px 2px;
  background: transparent;
  color: transparent;
}

.nativeDateItem,
.nativeTimeItem,
.nativeDatetimeItem {
  outline: 0;
}

.nativeDateItem,
.nativeDateItemFocused::-webkit-calendar-picker-indicator,
.nativeDateItemError::-webkit-calendar-picker-indicator,
.nativeDateItemHint::-webkit-calendar-picker-indicator,
.nativeTimeItem,
.nativeDatetimeItem,
.nativeDatetimeItemFocused::-webkit-calendar-picker-indicator,
.nativeDatetimeItemError::-webkit-calendar-picker-indicator,
.nativeDatetimeItemHint::-webkit-calendar-picker-indicator {
  color: black;
}

.nativeDateItemFocused,
.nativeTimeItemFocused,
.nativeDatetimeItemFocused {
  color: black;
}

.nativeDateItemInFieldHint,
.nativeDateItemInFieldHintDisabled,
.nativeTimeItemInFieldHint,
.nativeTimeItemInFieldHintDisabled,
.nativeDatetimeItemInFieldHint,
.nativeDatetimeItemInFieldHintDisabled {
  position: absolute;
  left: 0;
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: -1;
}

.nativeDateItemInFieldHint,
.nativeDateItemInFieldHintDisabled,
.nativeDatetimeItemInFieldHint,
.nativeDatetimeItemInFieldHintDisabled {
  right: 30px;
}

.nativeTimeItemInFieldHint,
.nativeTimeItemInFieldHintDisabled {
  right: 20px;
}

.nativeDateItemDisabled,
.nativeDateItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDateItemInFieldHintDisabled,
.nativeTimeItemDisabled,
.nativeTimeItemInFieldHintDisabled,
.nativeDatetimeItemDisabled,
.nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDatetimeItemInFieldHintDisabled {
  color: #ababab;
}

.nativeDateItem,
.nativeDateItemHint,
.nativeTimeItem,
.nativeTimeItemHint,
.nativeDatetimeItem,
.nativeDatetimeItemHint {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 1px solid #ababab;
}

.nativeDateItemDisabled::-webkit-calendar-picker-indicator,
.nativeDateItemDisabledHint::-webkit-calendar-picker-indicator,
.nativeDatetimeItemDisabled::-webkit-calendar-picker-indicator,
.nativeDatetimeItemDisabledHint::-webkit-calendar-picker-indicator {
  background: none;
}

/*============================================================
     DateChooser
============================================================*/
/* Defaults for all days and controls */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedDown,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDisabled,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedDown,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDisabled,
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown,
.dateChooserBottomButtonSelected,
.dateChooserBottomButtonSelectedOver,
.dateChooserBottomButtonSelectedDown,
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled,
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled,
.dateChooserWeekendDisabled,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
  background-color: white;
  color: black;
  border: 2px solid white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused,
.dateChooserNavButtonFocusedOver,
.dateChooserNavButtonFocusedDown {
  background: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(4%, #f2f2f2), color-stop(9%, #f2f2f2), color-stop(65%, #e3e3e3), color-stop(96%, #e0e0e0), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #f2f2f2 4%, #f2f2f2 9%, #e3e3e3 65%, #e0e0e0 96%, #d9d9d9 100%);
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/* year/month buttons */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
  border-bottom: 0px none;
  border-top: 0px none;
  padding: 0px;
}

/* for all buttons, plus weekday headers (dateChooserButton) */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonSelected,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDown,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
  color: black;
  font-weight: bold;
  border: none;
}

.dateChooserButtonOver,
.dateChooserButtonDown {
  color: #477ccd;
  cursor: pointer;
}

.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
  background-color: #d6e8ff;
}

.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserNavButtonFocused {
  cursor: pointer;
  padding: 2px;
}

.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonFocused {
  color: #477ccd;
}

/* Today, Cancel buttons */
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown {
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
  color: #4d4d4d;
  cursor: pointer;
  font-weight: bold;
}

.dateChooserBottomButtonOver {
  color: #477ccd;
}

.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver {
  color: #cccccc;
}

.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver {
  color: #cccccc;
  border: 2px solid #d6e8ff;
}

.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled {
  font-weight: bold;
}

/* CSS3 version - include bottom and right borders */
.dateChooserBorderedBottomButton,
.dateChooserBorderedBottomButtonOver,
.dateChooserBorderedBottomButtonDown,
.dateChooserBorderedBottomButtonSelected,
.dateChooserBorderedBottomButtonSelectedOver,
.dateChooserBorderedBottomButtonSelectedDown,
.dateChooserBorderedBottomButtonFocused,
.dateChooserBorderedBottomButtonFocusedOver,
.dateChooserBorderedBottomButtonFocusedDown {
  background-color: white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  border: 1px solid #ababab;
  color: #4d4d4d;
  cursor: pointer;
  font-weight: bold;
}

.dateChooserBorderedBottomButtonOver {
  color: #477ccd;
}

/* weekday and weekend cells */
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
  background-color: white;
  border: 2px solid white;
  color: black;
  cursor: pointer;
}

.dateChooserWeekdayDisabled,
.dateChooserWeekendDisabled {
  color: #bfbfbf;
}

.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendSelected,
.dateChooserWeekendDisabled {
  background-color: #d6e8ff;
  border: 2px solid #d6e8ff;
}

.dateChooserWeekdayOver,
.dateChooserWeekendOver {
  border: 2px solid #75acff;
}

.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown {
  background-color: #d6e8ff;
  border: 2px solid #94c6ff;
  color: #4d4d4d;
  font-weight: bold;
}

.dateChooserWeekdayDown,
.dateChooserWeekendDown {
  font-weight: normal;
}

/* year and month pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu,
.dateChooserWeekMenu {
  background-color: white;
  border: 2px solid #4d4d4d;
}

/* CSS3 Mode
   Canvas border around calendar */
.dateChooserBorder {
  border: 1px solid #ababab;
  background-color: #dedede;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

/*============================================================
	9) Slider & Rangebar
============================================================*/
/* slider and rangebar labels */
.sliderTitle,
.sliderRange,
.sliderValue,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

.sliderTitle,
.rangebarTitle {
  color: #4d4d4d;
  font-weight: bold;
}

.sliderRange,
.rangebarRange {
  color: black;
}

/* CSS3 Mode */
.hSliderTrack {
  background: whitesmoke;
  border: 1px solid #d4d4d4;
}

.vSliderTrack {
  background: whitesmoke;
  border: 1px solid #d4d4d4;
}

/* CSS3 Mode */
.hSliderTrackDisabled,
.vSliderTrackDisabled {
  background: white;
  border: 1px solid #e3e3e3;
}

/* CSS3 Mode */
.hSliderThumbdown,
.hSliderThumb {
  background: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(35%, #f2f2f2), color-stop(45%, #f2f2f2), color-stop(60%, #bfbfbf), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  border: 1px solid #9c9c9c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* CSS3 Mode */
.vSliderThumbdown,
.vSliderThumb {
  background: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ededed), color-stop(56%, #bfbfbf), color-stop(62%, #f2f2f2), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%);
  background-image: -moz-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%);
  background-image: -o-linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%);
  background-image: linear-gradient(left, #ededed 0%, #bfbfbf 56%, #f2f2f2 62%, #f5f5f5 100%);
  -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset;
  -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset;
  box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #e3e3e3 0 -1px 1px inset, #e3e3e3 0 1px 1px inset;
  border: 1px solid #9c9c9c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* CSS3 Mode */
.hSliderThumbDisabled,
.vSliderThumbDisabled {
  background: #e8e8e8;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #fafafa), color-stop(46%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(100%, #fafafa));
  background-image: -webkit-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%);
  background-image: -o-linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%);
  background-image: linear-gradient(top, #fafafa 1%, #f0f0f0 46%, #e3e3e3 50%, #fafafa 100%);
  border: 1px solid #cbc3c2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px white;
  -moz-box-shadow: inset 0 1px 1px white;
  box-shadow: inset 0 1px 1px white;
}

.vSliderThumbDisabled {
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fafafa), color-stop(50%, #e3e3e3), color-stop(54%, #f0f0f0), color-stop(99%, #fafafa));
  background-image: -webkit-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%);
  background-image: -moz-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%);
  background-image: -o-linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%);
  background-image: linear-gradient(left, #fafafa 0%, #e3e3e3 50%, #f0f0f0 54%, #fafafa 99%);
  border: 1px solid #cbc3c2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white;
  -moz-box-shadow: inset 0 0px 2px white, inset 0 0px 2px white;
  box-shadow: inset 0 0px 2px white, inset 0 0px 2px white;
}

/*============================================================
	10) DetailViewer
============================================================*/
.detailBlock {
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
}

.detail,
.detailLabel,
.detailHeader {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.detailLabel {
  background-color: #fafafa;
  color: #4d4d4d;
  font-weight: bold;
  text-align: right;
}

.detailHeader {
  background-color: #ffbdc0;
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

/*============================================================
	11) ListGrid
============================================================*/
/*============================================================
	ListGrid parts
		styleName - listGrid
		headerBarStyle - headerBar
		bodyStyleName - gridBody
============================================================*/
.listGrid {
  border: 1px solid #ababab;
}

.headerBar {
  background-color: white;
  background-image: url(./images/ListGrid/header.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(96%, #d6d6d6), color-stop(96%, #c9b6b6), color-stop(100%, #c9b6b6));
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
  background-image: linear-gradient(top, #fafafa 0%, #d6d6d6 96%, #c9b6b6 96%, #c9b6b6 100%);
}

.gridBody {
  background-color: white;
}

.alternateGridBody {
  background-color: white;
}

.loadingDataMessage,
.offlineMessage,
.emptyMessage {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 11px;
}

.gridDragTracker {
  border: 1px dotted gray;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 1px;
}

.dragLine {
  border-top: 2px dotted #ff7a75;
  pointer-events: none;
}

/* for filterEditor */
.recordEditorCell {
  background-color: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/*============================================================
	ListGrid headers
		listGrid.headerBaseStyle - headerButton / imgHeaderButton (in skin)
		listGrid.headerDefaults.titleStyle - headerTitle (in skin)
		listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/
/* imgHeaderButton - ListGrid column header buttons for image based
   headerButton - ListGrid column header buttons for css3 based */
.imgHeaderButton,
.sorterButton {
  background: url(./images/ListGrid/big_header.png);
  background: url(./images/ListGrid/header2.png) padding-box;
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButton,
.sorterButton {
  background: url('') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8)) padding-box;
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
  background: linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
}

.imgHeaderButton,
.headerButton,
.sorterButton {
  background-color: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #cccccc;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
}

.imgHeaderButtonSelected,
.sorterButtonSelected {
  background: url(./images/ListGrid/big_header_Selected.png);
  background: url(./images/ListGrid/header2_Selected.png) padding-box;
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonSelected,
.sorterButtonSelected {
  background: url('') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(100%, #a2ccf6)) padding-box;
  background: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: -o-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSelected,
.headerButtonSelected,
.sorterButtonSelected {
  background-color: #f0f6ff;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  border-bottom: 1px solid #97b4d3;
  border-left: 1px solid white;
  border-right: 1px solid #cdcfd0;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
}

.imgHeaderButtonDisabled,
.sorterButtonDisabled {
  background: url(./images/ListGrid/big_header_Disabled.png);
  background: url(./images/ListGrid/header2_Disabled.png) padding-box;
}

.imgHeaderButtonSelectedDisabled,
.sorterButtonSelectedDisabled {
  background: url(./images/ListGrid/big_header_Selected_Disabled.png);
  background: url(./images/ListGrid/header2_Selected_Disabled.png) padding-box;
}

.imgHeaderButtonDisabled,
.imgHeaderButtonSelectedDisabled,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonDisabled,
.headerButtonSelectedDisabled,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background: url('') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(24%, #f7f7f7), color-stop(100%, #e6e6e6)) padding-box;
  background: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: -o-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
  background: linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
}

.imgHeaderButtonDisabled,
.imgHeaderButtonSelectedDisabled,
.headerButtonDisabled,
.headerButtonSelectedDisabled,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled {
  background-color: #fef6f6;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  border-bottom: 1px solid #c1c8d2;
  border-left: 1px solid #f6f7f9;
  border-right: 1px solid #c1c8d2;
  color: #ababab;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
}

.imgHeaderButtonOver,
.imgHeaderButtonDown,
.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  border-bottom: 1px solid #97b4d3;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #cccccc;
}

.imgHeaderButtonOver,
.sorterButtonOver {
  background: url(./images/ListGrid/big_header_Over.png);
  background: url(./images/ListGrid/header2_Over.png) padding-box;
}

.imgHeaderButtonDown,
.sorterButtonDown {
  background: url(./images/ListGrid/big_header_Down.png);
  background: url(./images/ListGrid/header2_Down.png) padding-box;
}

.imgHeaderButtonOver,
.imgHeaderButtonDown,
.sorterButtonOver,
.sorterButtonDown {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonOver,
.headerButtonDown,
.sorterButtonOver,
.sorterButtonDown {
  background: url('') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #a2ccf6)) padding-box;
  background: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: -o-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
  background: linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonOver,
.imgHeaderButtonDown,
.headerButtonOver,
.headerButtonDown,
.sorterButtonOver,
.sorterButtonDown {
  background-color: #a2ccf6;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
}

.imgHeaderButtonSelectedOver,
.sorterButtonSelectedOver {
  background: url(./images/ListGrid/big_header_Selected_Over.png);
  background: url(./images/ListGrid/header2_Selected_Over.png) padding-box;
}

.imgHeaderButtonSelectedDown,
.sorterButtonSelectedDown {
  background: url(./images/ListGrid/big_header_Selected_Down.png);
  background: url(./images/ListGrid/header2_Selected_Down.png) padding-box;
}

.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background-size: 100% 100%;
  background-repeat: repeat-x;
}

.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background: url('') padding-box;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(48%, #deeffc), color-stop(48%, #c9dffd), color-stop(100%, #a2ccf6)) padding-box;
  background: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
  background: linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSelectedOver,
.imgHeaderButtonSelectedDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  background-color: aliceblue;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
}

.sorterButton,
.sorterButtonSelected,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  border-left: 1px solid #fafafa;
  padding-right: 0;
  padding-left: 0;
}

.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
  border-left: 1px solid #fee7e7;
}

/* ListGrid column header titles */
.headerTitle,
.headerTitleOver,
.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleDisabled,
.headerTitleSelectedDisabled {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding-left: 4px;
  padding-right: 4px;
}

.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleSelectedDisabled {
  color: black;
}

.headerTitleDisabled,
.headerTitleSelectedDisabled {
  color: #ababab;
}

/*============================================================
	ListGrid cells
		listGrid.baseStyle
============================================================*/
/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark,
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled,
.groupNode {
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #f0f0f0;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-overflow: ellipsis;
}

.specialCol {
  background-color: #fafafa;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-overflow: ellipsis;
}

.cellDark,
.recordSummaryCell,
.recordSummaryCellDark {
  background-color: #fafafa;
}

.gridSummaryCell,
.gridSummaryCellDisabled {
  background-color: #f0f0f0;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
}

.tallCellDark {
  background-color: #fafafa;
  border-top: 1px solid #fafafa;
}

.cellOver,
.cellOverDark,
.specialColOver,
.recordSummaryCellOver,
.recordSummaryCellOverDark {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  border-bottom: 1px solid #c4ddfd;
  border-top: 1px solid #c4ddfd;
  -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
}

.tallCellOver,
.tallCellOverDark {
  background-color: #dbedff;
  border-top: 1px solid #e8e8e8;
}

.cellSelected,
.cellSelectedDark,
.specialColSelected,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark {
  background: #d6e8ff;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.tallCellSelected,
.tallCellSelectedDark {
  background: #d6e8ff;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.cellSelectedOver,
.cellSelectedOverDark,
.specialColSelectedOver,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark {
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Selected_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

.tallCellSelectedOver,
.tallCellSelectedOverDark {
  background-color: #d0dff6;
  border-bottom: 1px dotted #9fb7e9;
  border-top: 1px dotted #9fb7e9;
}

.gridSummaryCell,
.gridSummaryCellDisabled {
  font-weight: bold;
}

.cellDisabled,
.cellDisabledDark,
.specialColDisabled,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCellDisabled,
.specialColDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
  background-color: white;
  color: #ababab;
}

/* for grouping */
.groupNode {
  border-bottom: 1px solid #8299b8;
  color: #3764a3;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
}

/*Tree styling*/
/*------------------------------------------------------------
		treeGrid.baseStyle
------------------------------------------------------------*/
.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-overflow: ellipsis;
}

.treeCellDark,
.treeTallCellDark {
  background-color: #fafafa;
}

.treeCellOver,
.treeCellOverDark {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: scroll;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
  box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
}

.treeTallCellOver,
.treeTallCellOverDark {
  background-color: #e8e8e8;
}

.treeCellSelected,
.treeCellSelectedDark {
  background: #d6e8ff;
}

.treeTallCellSelected,
.treeTallCellSelectedDark {
  background-color: #d6e8ff;
}

.treeCellSelectedOver,
.treeCellSelectedOverDark {
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Selected_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark {
  background-color: #d0dff6;
}

.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
  background-color: white;
  color: #ababab;
}

/* Field builders (Formula/Summary) */
.sampleOutput {
  border: 2px solid #d6d6d6;
  padding: 3px;
}

/* Multi-sort - sort-index appearing next to sort-arrows in field headers */
.sortNumeral {
  font-size: 7px;
  vertical-align: top;
}

/*============================================================
	12) ToolStrip
============================================================*/
.toolStrip {
  background-color: #f2f2f2;
  background-image: url(images/ToolStrip/background.png);
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f7f7f7), color-stop(2%, #f7f7f7), color-stop(2%, #f2f2f2), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%);
  background-image: linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 2%, #f2f2f2 2%, #e0e0e0 100%);
  border: 1px solid #ababab;
  -webkit-box-shadow: snow 0 1px 0 inset;
  -moz-box-shadow: snow 0 1px 0 inset;
  box-shadow: snow 0 1px 0 inset;
}

.toolStripVertical {
  background-color: white;
  background-image: url(images/ToolStrip/background_vertical.png);
  border: 1px solid #ef9c9a;
}

/* tool strip button */
.toolStripButton,
.toolStripButtonOver,
.toolStripButtonFocused,
.toolStripButtonFocusedOver,
.toolStripButtonDown,
.toolStripButtonFocusedDown,
.toolStripButtonSelected,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedDown,
.toolStripButtonSelectedFocusedDown,
.toolStripButtonSelectedOver,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonDisabled,
.toolStripButtonSelectedDisabled {
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 2px 5px;
}

.toolStripButtonDisabled {
  background-color: #e8e8e8;
  background-image: url("./images/cssButton/button_Disabled_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  border: 1px solid transparent;
}

.toolStripButtonDisabled,
.toolStripButtonSelectedDisabled {
  color: #ababab;
  font-weight: normal;
}

.toolStripButtonFocused,
.toolStripButtonFocusedOver,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonSelectedFocusedDown {
  border: 1px solid #ababab;
}

.toolStripButtonOver,
.toolStripButtonFocusedOver,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedFocusedOver {
  background-color: #d9d9d9;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6));
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: -o-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  border: 1px solid #858585;
  -webkit-box-shadow: inset white 0 0 0 1px;
  -moz-box-shadow: inset white 0 0 0 1px;
  box-shadow: inset white 0 0 0 1px;
}

.toolStripButtonDown,
.toolStripButtonFocusedDown,
.toolStripButtonSelectedDown,
.toolStripButtonSelectedFocusedDown {
  background-color: #dedede;
  background-image: url("./images/cssButton/button_Down_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1d1d1), color-stop(5%, #d1d1d1), color-stop(10%, #dbdbdb), color-stop(14%, #ebebeb), color-stop(19%, #f2f2f2), color-stop(29%, #f2f2f2), color-stop(81%, #dbdbdb), color-stop(95%, #c4c4c4), color-stop(100%, #c4c4c4));
  background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%);
  background-image: linear-gradient(top, #d1d1d1 0%, #d1d1d1 5%, #dbdbdb 10%, #ebebeb 14%, #f2f2f2 19%, #f2f2f2 29%, #dbdbdb 81%, #c4c4c4 95%, #c4c4c4 100%);
  border: 1px solid #597db1;
}

.toolStripButtonSelected,
.toolStripButtonSelectedFocused,
.toolStripButtonSelectedOver,
.toolStripButtonSelectedFocusedOver,
.toolStripButtonSelectedDisabled {
  background-color: #d9d9d9;
  background-image: url("./images/cssButton/button_Over_stretch.png");
  background-repeat: repeat-x;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(52%, #ededed), color-stop(57%, #e3e3e3), color-stop(100%, #d6d6d6));
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: -o-linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  background-image: linear-gradient(top, #f7f7f7 0%, #ededed 52%, #e3e3e3 57%, #d6d6d6 100%);
  border: 1px solid #858585;
}

/*============================================================
   12a) ToolStripGroup and IconButton
==============================================================*/
.toolStripGroup,
.toolStripGroupOver,
.toolStripGroupSelected,
.toolStripGroupSelectedDisabled,
.toolStripGroupSelectedOver,
.toolStripGroupDown,
.toolStripGroupSelectedDown,
.toolStripGroupDisabled {
  background: #fff0f1;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(1%, #f7f7f7), color-stop(1%, #f2f2f2), color-stop(31%, #e0e0e0), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%);
  background-image: linear-gradient(top, #f7f7f7 0%, #f7f7f7 1%, #f2f2f2 1%, #e0e0e0 31%, #e0e0e0 100%);
  border: 1px solid #b5b5b5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.toolStripGroupTitle,
.toolStripGroupTitleOver,
.toolStripGroupTitleSelected,
.toolStripGroupTitleSelectedDisabled,
.toolStripGroupTitleSelectedOver,
.toolStripGroupTitleDown,
.toolStripGroupTitleSelectedDown,
.toolStripGroupTitleDisabled {
  background-color: #d4d4d4;
  border: 0;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 3px;
}

.iconButton,
.iconButtonOver,
.iconButtonFocused,
.iconButtonFocusedOver,
.iconButtonDown,
.iconButtonFocusedDown,
.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver,
.iconButtonDisabled,
.iconButtonSelectedDisabled {
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #4d4d4d;
}

.iconButtonDown {
  background-color: #d9d9d9;
  border: 1px solid #9e8c8a;
}

.iconButtonOver,
.iconButtonSelectedOver,
.iconButtonFocusedOver,
.iconButtonSelectedFocusedOver {
  background-color: #f2f2f2;
  border: 1px solid #b5a7a6;
}

.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver {
  background-color: #fdaaaa;
}

.iconButtonDisabled {
  color: #ababab;
}

/*============================================================
	13) Tools
============================================================*/
.resizeThumb {
  background-color: #009999;
}

/*============================================================
   14) TileGrid
==============================================================*/
.tileGrid {
  border: 1px solid gray;
}

.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown {
  font-size: 8pt;
  text-overflow: ellipsis;
}

.tileValueOver {
  color: black;
}

.tileValueSelected {
  color: black;
}

.tileValueSelectedOver {
  color: black;
}

.simpleTile,
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
  font-size: 8pt;
  padding: 3px;
}

.simpleTile {
  border: 1px solid transparent;
}

.simpleTileOver {
  background-color: #fafafa;
  background-image: url(images/TileGrid/tileOver.png);
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  border: 1px solid #cfcfcf;
}

.simpleTileSelected,
.simpleTileSelectedOver {
  background-color: #fafafa;
  background-image: url(images/TileGrid/tileOver.png);
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  background-image: linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
  border: 1px solid #cfcfcf;
}

/*============================================================
	15) Scrollbars
============================================================*/
/* CSS3 Mode */
/*.scrollbar,
.scrollbarDisabled,
.scrollbarOver,
.scrollbarDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #FF8000;  
}

.scrollbarFocused,
.scrollbarFocusedDisabled,
.scrollbarFocusedOver,
.scrollbarFocusedDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #0000ff;
}

.scrollbarSelected,
.scrollbarSelectedDisabled,
.scrollbarSelectedOver,
.scrollbarSelectedDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #0000FF;
}

.scrollbarSelectedFocused,
.scrollbarSelectedFocusedDisabled,
.scrollbarSelectedFocusedOver,
.scrollbarSelectedFocusedDown {
    background-color: hsl(0, 0%, 94%);
    border: 1px solid #ffff00;
}*/
.scrollCorner,
.scrollCornerDown,
.scrollCornerOver {
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(50%, #ebebeb), color-stop(50%, #dadada), color-stop(100%, #cfcfcf));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf);
  background-image: -moz-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf);
  background-image: -o-linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf);
  background-image: linear-gradient(top, #f2f2f2, #ebebeb 50%, #dadada 50%, #cfcfcf);
}

.vScrollStartDisabled,
.vScrollStart,
.vScrollStartOver,
.vScrollStartDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px 0px;
}

.vScrollStartDisabled {
  background-position: 0px 0px;
}

.vScrollStartOver {
  background-position: -32px 0px;
}

.vScrollStartDown {
  background-position: -48px 0px;
}

.vScrollTrackStretchDisabled,
.vScrollTrackStretch,
.vScrollTrackStretchOver,
.vScrollTrackStretchDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-repeat: repeat-y;
  background-position: -80px 0px;
}

.vScrollTrackStretchDisabled {
  background-position: -64px 0px;
}

.vScrollTrackStretchOver {
  background-position: -96px 0px;
}

.vScrollTrackStretchDown {
  background-position: -112px 0px;
}

.vScrollEndDisabled,
.vScrollEnd,
.vScrollEndOver,
.vScrollEndDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px -18px;
}

.vScrollEndDisabled {
  background-position: 0px -18px;
}

.vScrollEndOver {
  background-position: -32px -18px;
}

.vScrollEndDown {
  background-position: -48px -18px;
}

.vScrollCornerDisabled,
.vScrollCorner,
.vScrollCornerOver,
.vScrollCornerDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: 0px -40px;
}

.vScrollThumbStartDisabled,
.vScrollThumbStart,
.vScrollThumbStartOver,
.vScrollThumbStartDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px -36px;
}

.vScrollThumbStartDisabled {
  background-position: 0px -36px;
}

.vScrollThumbStartOver {
  background-position: -32px -36px;
}

.vScrollThumbStartDown {
  background-position: -48px -36px;
}

.vScrollThumbStretchDisabled,
.vScrollThumbStretch,
.vScrollThumbStretchOver,
.vScrollThumbStretchDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-repeat: repeat-y;
  background-position: -144px 0px;
}

.vScrollThumbStretchDisabled {
  background-position: -128px 0px;
}

.vScrollThumbStretchOver {
  background-position: -160px 0px;
}

.vScrollThumbStretchDown {
  background-position: -176px 0px;
}

.vScrollThumbEndDisabled,
.vScrollThumbEnd,
.vScrollThumbEndOver,
.vScrollThumbEndDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
  background-position: -16px -38px;
}

.vScrollThumbEndDisabled {
  background-position: 0px -38px;
}

.vScrollThumbEndOver {
  background-position: -32px -38px;
}

.vScrollThumbEndDown {
  background-position: -48px -38px;
}

.vScrollThumbGripDisabled,
.vScrollThumbGrip,
.vScrollThumbGripOver,
.vScrollThumbGripDown {
  background-image: url(./images/Scrollbar/vscroll_sprite.png);
}

.hScrollStartDisabled,
.hScrollStart,
.hScrollStartOver,
.hScrollStartDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: 0px -16px;
}

.hScrollStartDisabled {
  background-position: 0px 0px;
}

.hScrollStartOver {
  background-position: 0px -32px;
}

.hScrollStartDown {
  background-position: 0px -48px;
}

.hScrollTrackStretchDisabled,
.hScrollTrackStretch,
.hScrollTrackStretchOver,
.hScrollTrackStretchDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-repeat: repeat-x;
  background-position: 0px -80px;
}

.hScrollTrackStretchDisabled {
  background-position: 0px -64px;
}

.hScrollTrackStretchOver {
  background-position: 0px -96px;
}

.hScrollTrackStretchDown {
  background-position: 0px -112px;
}

.hScrollEndDisabled,
.hScrollEnd,
.hScrollEndOver,
.hScrollEndDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -18px -16px;
}

.hScrollEndDisabled {
  background-position: -18px 0px;
}

.hScrollEndOver {
  background-position: -18px -32px;
}

.hScrollEndDown {
  background-position: -18px -48px;
}

.hScrollCornerDisabled,
.hScrollCorner,
.hScrollCornerOver,
.hScrollCornerDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -40px 0px;
}

.hScrollThumbStartDisabled,
.hScrollThumbStart,
.hScrollThumbStartOver,
.hScrollThumbStartDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -36px -16px;
}

.hScrollThumbStartDisabled {
  background-position: -36px 0px;
}

.hScrollThumbStartOver {
  background-position: -36px -32px;
}

.hScrollThumbStartDown {
  background-position: -36px -48px;
}

.hScrollThumbStretchDisabled,
.hScrollThumbStretch,
.hScrollThumbStretchOver,
.hScrollThumbStretchDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-repeat: repeat-x;
  background-position: 0px -144px;
}

.hScrollThumbStretchDisabled {
  background-position: 0px -128px;
}

.hScrollThumbStretchOver {
  background-position: 0px -160px;
}

.hScrollThumbStretchDown {
  background-position: 0px -176px;
}

.hScrollThumbEndDisabled,
.hScrollThumbEnd,
.hScrollThumbEndOver,
.hScrollThumbEndDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
  background-position: -38px -16px;
}

.hScrollThumbEndDisabled {
  background-position: -38px 0px;
}

.hScrollThumbEndOver {
  background-position: -38px -32px;
}

.hScrollThumbEndDown {
  background-position: -38px -48px;
}

.hScrollThumbGripDisabled,
.hScrollThumbGrip,
.hScrollThumbGripOver,
.hScrollThumbGripDown {
  background-image: url(./images/Scrollbar/hscroll_sprite.png);
}

/* CSS3 Mode */
.vScrollThumb {
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(50%, #e8e8e9), color-stop(50%, #d7d9da), color-stop(82%, #caccce), color-stop(100%, #c0c2c4));
  background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%);
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%);
  background-image: -o-linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%);
  background-image: linear-gradient(left, #f5f5f5 0%, #e8e8e9 50%, #d7d9da 50%, #caccce 82%, #c0c2c4 100%);
  -webkit-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0;
  -moz-box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0;
  box-shadow: inset #eaebeb -1px 0 0 0, inset #ebebeb 0 1px 0 0;
  border: 1px solid #969696;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-right: 1px;
}

.vScrollThumbOver {
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2));
  background-image: -webkit-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -moz-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -o-linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: linear-gradient(left, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  border: 1px solid #3c7daf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0;
  -moz-box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0;
  box-shadow: inset #dcdee0 -1px -1px 0 0, inset #e5f2ff 1px 1px 0 0;
  margin-right: 1px;
}

.hScrollThumb {
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(42%, #eaeaeb), color-stop(50%, #d6d6d7), color-stop(75%, #cbcbcd), color-stop(92%, #bebec1), color-stop(100%, #bebec1));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #eaeaeb 42%, #d6d6d7 50%, #cbcbcd 75%, #bebec1 92%, #bebec1 100%);
  -webkit-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6;
  -moz-box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6;
  box-shadow: inset 1px -1px 0 0 #d2d3d5, inset -1px 0 0 0 #e5e5e6;
  border: 1px solid #969696;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 1px;
}

.hScrollThumbOver {
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3f4fc), color-stop(20%, #d5eefb), color-stop(50%, #d5eefb), color-stop(50%, #a7daf6), color-stop(80%, #a7daf6), color-stop(90%, #a4d5ef), color-stop(100%, #9ccae2));
  background-image: -webkit-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -moz-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: -o-linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  background-image: linear-gradient(top, #e3f4fc 0%, #d5eefb 20%, #d5eefb 50%, #a7daf6 50%, #a7daf6 80%, #a4d5ef 90%, #9ccae2 100%);
  border: 1px solid #3c7daf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white;
  -moz-box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white;
  box-shadow: inset 1px -1px 0 0 #dcdee0, inset -1px 1px 0 0 white;
  margin-bottom: 1px;
}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are not used by default in this skin

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/
/*============================================================
    TabSet CSS tabs
		tabSet.simpleTabBaseStyle
============================================================*/
/* styles for simple css-styled tabs*/
/* left */
.tabButtonLeft {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -moz-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -o-linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(left, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftOver {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(left, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelected {
  background-color: #f7f7f7;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -webkit-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -moz-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -o-linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(left, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-left: 1px solid #97a8be;
  border-bottom: 1px solid #97a8be;
  border-top: 1px solid #97a8be;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedOver {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedDown {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(left, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonLefttFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedFocusedOver {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftDown {
  background-color: #f7f7f7;
  border-left: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonLeftDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(left, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

/* right */
.tabButtonRight {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -moz-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -o-linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(right, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightOver {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -o-linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(right, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelected {
  background-color: #f7f7f7;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -webkit-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -moz-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -o-linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(right, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-right: 1px solid #97a8be;
  border-bottom: 1px solid #97a8be;
  border-top: 1px solid #97a8be;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedOver {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedDown {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(right, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonRightFocused {
  background-color: #d6d6d6;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedFocused {
  background-color: #d6d6d6;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedFocusedOver {
  background-color: #d6d6d6;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightDown {
  background-color: #f7f7f7;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonRightDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(right, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

/* top */
.tabButtonTop {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -moz-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -o-linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(top, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopOver {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelected {
  background-color: #f7f7f7;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(top, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-left: 1px solid #97a8be;
  border-right: 1px solid #97a8be;
  border-top: 1px solid #97a8be;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedOver {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedDown {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(top, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
}

.tabButtonTopFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedFocusedOver {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopDown {
  background-color: #f7f7f7;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

.tabButtonTopDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
}

/* bottom */
.tabButtonBottom {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d4d4d4), color-stop(19%, #d6d6d6), color-stop(57%, #e8e8e8), color-stop(71%, #ebebeb), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -moz-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: -o-linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  background-image: linear-gradient(bottom, #d4d4d4 0%, #d6d6d6 19%, #e8e8e8 57%, #ebebeb 71%, #ebebeb 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding-top: 1px;
}

.tabButtonBottomOver {
  background-color: #e0e0e0;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(10%, #f0f0f0), color-stop(57%, #e3e3e3), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  background-image: linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 10%, #e3e3e3 57%, #e3e3e3 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelected {
  background-color: #f7f7f7;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e8e8e8), color-stop(9%, #e8e8e8), color-stop(18%, #ededed), color-stop(32%, #f2f2f2), color-stop(68%, #fcfcfc), color-stop(100%, #fcfcfc));
  background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: -o-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  background-image: linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 9%, #ededed 18%, #f2f2f2 32%, #fcfcfc 68%, #fcfcfc 100%);
  border-left: 1px solid #97a8be;
  border-right: 1px solid #97a8be;
  border-bottom: 1px solid #97a8be;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  -moz-box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  box-shadow: 0 1px 1px white inset, 1px 0 1px white inset, -1px 0 1px white inset;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedOver {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedDown {
  background-color: #e3e3e3;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0f0f0), color-stop(4%, #f0f0f0), color-stop(4%, #e3e3e3), color-stop(23%, #f2f2f2), color-stop(32%, #f5f5f5), color-stop(68%, #fafafa), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  background-image: linear-gradient(bottom, #f0f0f0 0%, #f0f0f0 4%, #e3e3e3 4%, #f2f2f2 23%, #f5f5f5 32%, #fafafa 68%, #ffffff 100%);
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #15428b;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedFocused {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedFocusedOver {
  background-color: #d6d6d6;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomDown {
  background-color: #f7f7f7;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #153e8a;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomSelectedDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

.tabButtonBottomDisabled {
  background-color: #f2f2f2;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f5f5f5), color-stop(33%, #f0f0f0), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: -o-linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  background-image: linear-gradient(bottom, #f5f5f5 0%, #f0f0f0 33%, #ededed 100%);
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #b3b3b3;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding: 0 7px 1px 7px;
  padding: 1px 7px 1px 7px;
}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are used by optional modules only

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/
/*============================================================
	CubeGrid - Analytics Module only
		cubeGrid.baseStyle - cubeCell
		headerGrid.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - innerHeader/colHeader
		reportHeaderBar.button.baseStyle - rowHeaderLabel
		reportHeaderBar.button.baseStyle - colHeaderLabel
============================================================*/
.cubeCell {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid white;
  border-right: 1px solid #ababab;
  border-top: 1px solid white;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-overflow: ellipsis;
}

.cubeCellDark {
  background-color: #f0f0f0;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #ababab;
  border-top: 1px solid #f0f0f0;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-overflow: ellipsis;
}

.cubeCellDisabled {
  background-color: white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  color: #666666;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-overflow: ellipsis;
}

/* partial styles */
.cubeCellOver {
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

.cubeCellSelected {
  background: #d6e8ff;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
}

.cubeCellSelectedOver {
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #b8cfef;
  border-right: 1px solid #ababab;
  border-top: 1px solid #b8cfef;
  background-color: #c4ddfd;
  background-image: url(./images/ListGrid/row_Selected_Over.png);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: bottom left;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
  background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
  background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
}

/* row headers */
.rowHeader {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #264260;
  border-bottom: 1px solid #264260;
  background-image: url("images/CubeGrid/rowHeader.gif");
}

.rowHeaderOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderOver.gif");
}

.rowHeaderDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderOver.gif");
}

.rowHeaderDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: #808080;
  background-color: #6682A0;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.rowHeaderSelected,
.rowHeaderSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid #00008B;
  border-top: 1px solid #00008B;
  border-right: 1px solid #F0F8FF;
  border-bottom: 1px solid #F0F8FF;
  background-image: url("images/CubeGrid/rowHeaderSelected.gif");
}

.rowHeaderSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/rowHeaderSelectedOver.gif");
}

.rowHeaderSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: #808080;
  background-color: #3E74B3;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* row label */
.rowHeaderLabel {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #000B3A;
  border-bottom: 1px solid #000B3A;
  background-image: url("images/CubeGrid/rowHeaderLabel.gif");
}

.rowHeaderLabelOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #000B3A;
  border-top: 1px solid #000B3A;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderLabel.gif");
}

.rowHeaderLabelDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #000B3A;
  border-top: 1px solid #000B3A;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/rowHeaderLabelDown.gif");
}

.rowHeaderLabelDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.rowHeaderLabelSelected,
.rowHeaderLabelSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/rowHeaderDown.gif");
}

.rowHeaderLabelSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/rowHeaderDown.gif");
}

.rowHeaderLabelSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* column headers */
.colHeader {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #264260;
  border-bottom: 1px solid #264260;
  background-image: url("images/CubeGrid/colHeader.gif");
}

.colHeaderOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/colHeaderOver.gif");
}

.colHeaderDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: white;
  background-color: #6682A0;
  border-left: 1px solid #264260;
  border-top: 1px solid #264260;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-image: url("images/CubeGrid/colHeader.gif");
}

.colHeaderDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: #808080;
  background-color: #6682A0;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.colHeaderSelected,
.colHeaderSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid #00008B;
  border-top: 1px solid #00008B;
  border-right: 1px solid #F0F8FF;
  border-bottom: 1px solid #F0F8FF;
  background-image: url("images/CubeGrid/colHeaderSelected.gif");
}

.colHeaderSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/colHeaderSelectedOver.gif");
}

.colHeaderSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #808080;
  background-color: #3E74B3;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* column label */
.colHeaderLabel {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderLabel.gif");
}

.colHeaderLabelOver,
.colHeaderLabelDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #204B7A;
  border-left: 1px solid #000B3A;
  border-top: 1px solid #000B3A;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderLabelDown.gif");
}

.colHeaderLabelDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.colHeaderLabelSelected,
.colHeaderLabelSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderLabelDown.gif");
}

.colHeaderLabelSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
  background-image: url("images/CubeGrid/colHeaderDown.gif");
}

.colHeaderLabelSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #808080;
  background-color: #7D7D7D;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/* inner header */
.innerHeader {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: black;
  background-color: #CCCCCC;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  background-image: url("images/CubeGrid/innerHeader.gif");
}

.innerHeaderOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: black;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background-image: url("images/CubeGrid/innerHeader.gif");
}

.innerHeaderDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: black;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background-image: url("images/CubeGrid/innerHeader.gif");
}

.innerHeaderDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: #808080;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.innerHeaderSelected,
.innerHeaderSelectedDown {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-left: 1px solid #00008B;
  border-top: 1px solid #00008B;
  border-right: 1px solid #F0F8FF;
  border-bottom: 1px solid #F0F8FF;
  background-image: url("images/CubeGrid/innerHeaderSelected.gif");
}

.innerHeaderSelectedOver {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3E74B3;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  background-image: url("images/CubeGrid/innerHeaderSelectedOver.gif");
}

.innerHeaderSelectedDisabled {
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 13px;
  color: #808080;
  background-color: #CCCCCC;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/*============================================================
	BarChart
	internal, charting/visualization module only
		styleName - chart
		barStyle - chartBar
		others are currently fixed
============================================================*/
.chart {
  background-color: #cccccc;
}

.chartTitle {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.chartAxisTitle {
  color: #0000ff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.chartValueTitle {
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.chartTotal {
  background-color: linen;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.chartBody {
  background-color: #dedede;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px dashed #0000FF;
}

.chartBar1 {
  background-color: #FF0000;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #990000), color-stop(100%, #ff0000));
  background-image: -webkit-linear-gradient(left, #990000 0%, #ff0000 100%);
  background-image: -moz-linear-gradient(left, #990000 0%, #ff0000 100%);
  background-image: -o-linear-gradient(left, #990000 0%, #ff0000 100%);
  background-image: linear-gradient(left, #990000 0%, #ff0000 100%);
}

.chartBar2 {
  background-color: #0000FF;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000099), color-stop(100%, #0000ff));
  background-image: -webkit-linear-gradient(left, #000099 0%, #0000ff 100%);
  background-image: -moz-linear-gradient(left, #000099 0%, #0000ff 100%);
  background-image: -o-linear-gradient(left, #000099 0%, #0000ff 100%);
  background-image: linear-gradient(left, #000099 0%, #0000ff 100%);
}

.chartBar3 {
  background-color: #0000ff;
  background-image: url('');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #009900), color-stop(100%, #0000ff));
  background-image: -webkit-linear-gradient(left, #009900 0%, #0000ff 100%);
  background-image: -moz-linear-gradient(left, #009900 0%, #0000ff 100%);
  background-image: -o-linear-gradient(left, #009900 0%, #0000ff 100%);
  background-image: linear-gradient(left, #009900 0%, #0000ff 100%);
}

/*============================================================
	Printing
        printHeader - general print style for header elements including:
        - ListGrid header cells
        - SectionStack headers
============================================================*/
.printHeader {
  border: 1px solid black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

/*============================================================
	Calendar
============================================================*/
.calendar,
.calendarDisabled,
.calendarWorkday,
.calendarWorkdayDisabled,
.calendarDark {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calendarWorkdayDisabled,
.calendarDark,
.calendarDisabled {
  background-color: #fafafa;
}

.calendarWorkday {
  background-color: #f2f2f2;
}

.calendarOver,
.calendarOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calendarWorkdaySelected,
.calendarCellSelected {
  background-color: #cccccc;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.labelColumn {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/* ----month---- */
/* calMonthDayHeader and Body */
.calMonthDayHeader,
.calMonthDayHeaderDark {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calMonthDayHeaderSelected,
.calMonthDayHeaderSelectedOver,
.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calMonthDayBody,
.calMonthDayBodyDark {
  background-color: white;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calMonthDayBodyOver,
.calMonthDayBodyOverDark,
.calMonthDayBodySelected,
.calMonthDayBodySelectedDark,
.calMonthDayBodySelectedOver,
.calMonthDayBodySelectedOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calMonthDayBodyDisabled,
.calMonthDayBodyDisabledOver {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/* calMonthOtherDayHeader and Body */
.calMonthOtherDayHeader,
.calMonthOtherDayHeaderDark {
  background-color: #ababab;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: #454545;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calMonthOtherDayHeaderSelected,
.calMonthOtherDayHeaderSelectedOver,
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: #454545;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calMonthOtherDayBody,
.calMonthOtherDayBodyDark,
.calMonthOtherDayBodyDisabled,
.calMonthOtherDayBodyDisabledOver {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
  background-color: #ecc0c5;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/* calMonthOtherDayBlank */
.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark,
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark,
.calMonthOtherDayBlankSelected,
.calMonthOtherDayBlankSelectedDark,
.calMonthOtherDayBlankSelectedOver,
.calMonthOtherDayBlankSelectedOverDark {
  background-color: #fafafa;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  color: #454545;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

/* calMonthEventLink */
a.calMonthEventLink:link {
  color: #0000FF;
  text-decoration: none;
}

a.calMonthEventLink:visited {
  color: #0000FF;
  text-decoration: none;
}

a.calMonthEventLink:hover {
  color: #0000FF;
  text-decoration: underline;
}

a.calMonthEventLink:active {
  color: #0000FF;
  text-decoration: none;
}

/* ----event window---- */
.eventWindow {
  background-color: aliceblue;
  border: 1px solid #d0dff6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
}

.eventWindowHeader {
  background-color: #d0dff6;
  color: #4d4d4d;
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  margin: 1px;
  padding: 0px 3px 2px 3px;
}

.eventWindowBody {
  background-color: aliceblue;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  padding: 3px;
}

.eventWindowResizer {
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}

.zoneCanvas {
  background-color: rgba(150, 150, 150, 0.5);
}

.zoneCanvasHeader {
  display: inline-block;
  color: white;
  background-color: grey;
  left: 0;
  bottom: 0;
}

.indicatorCanvas {
  background-color: red;
}

/*============================================================
	PropertySheet
	internal, used by Visual SmartClient tools
        propertySheet.autoChildDefaults.cellStyle - propSheetValue
        propertySheet.autoChildDefaults.titleStyle - propSheetTitle
        propertySheet.TextItemDefaults.textBoxStyle - propSheetField
        propertySheet.SelectItemDefaults.controlStyle - propSheetSelectControl
        propertySheet.ColorItemDefaults.textBoxStyle - propSheetField
        propertySheet.HeaderItemDefaults.textBoxStyle - propSheetHeading
        propertySheet.SectionHeaderItemDefaults.cellStyle - propSheetSectionItemCell
============================================================*/
.propSheetValue,
.propSheetValueFocused,
.propSheetDisabled {
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}

.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled {
  background-color: #dedede;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding-left: 4px;
  padding-right: 4px;
}

.propSheetTitleError,
.propSheetValueError {
  background-color: #f2d4cf;
  color: #692023;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

.propSheetField,
.propSheetFieldDisabled {
  background-color: white;
  border: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  margin-top: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 4px;
  padding-right: 4px;
}

.propSheetHeading,
.propSheetHeadingDisabled {
  background-color: #cccccc;
  border-bottom: 1px solid #ababab;
  color: black;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
}

.propSheetSelectControl,
.propSheetSelectControlFocused,
.propSheetSelectControlDisabled {
  padding-left: 3px;
  padding-right: 3px;
}
